<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>四种样式表使用</title>
		<!-- html部分 -->
		<style>
			/*css注释方式*/
			/*css部分： 选择器：抓取页面元素 元素增加效果
			            选择器{
							属性: 属性值;
							属性:属性值;
						}
				*/
			   p{
				   width: 200px;
				   height: 200px;
				   background:#e4393c;/*16进制色值*/
			   }
		</style>
	</head>
	<body>
		<!-- 内联样式表 叫做行内样式表 【开发不用:没有真正实现内容与表现分离】
		 语法：前标记style="属性  属性值；属性：属性值；...
		 -->
		 <div style="width: 300px; height: 300px;background: red;"></div>
		 <!-- ①内部样式表 【开发不用：联系专用】
		  html部分 在head元素中  添加style元素
		  css部分  在style元素中，添加css样式
		  -->
		  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores voluptas nam vitae asperiores accusamus sed! Cum rem debitis vero exercitationem dolores aliquam magnam sequi ad provident, error aspernatur mollitia dolor.</p>
	</body>
</html>